<template>
  <a-list-item
    :actions="actions"
    :data-source="dataSource"
  >
    <template v-if="$slots.actions" #actions>
      <slot name="actions" />
    </template>
    <template v-if="$slots.extra" #extra>
      <slot name="extra" />
    </template>
    <slot />
  </a-list-item>
</template>

<script>
import { defineComponent } from 'vue'
import { ListItem } from 'ant-design-vue'
export default defineComponent({
  name: 'ZListItem',
  components: {
    AListItem: ListItem
  },
  props: {
    actions: {
      type: Array,
      default: undefined
    },
    extra: {
      type: String,
      default: undefined
    }
  }
})
</script>
